/**
 * Created by QianQi on 2017/9/1.
 */
$(function(){
    var oHideParams = $.getHideParams();// <body> 下隐藏域键值对，name 为键
    var oUrlParams = $.getUrlParams();// url 附加参数键值对
    var URLS = {};
    var DATA = {
        grid: [
            {"id": "zd000", "name": "当前页第 0 条", "txt": "浏览器可能会使用网络服务改善您的浏览体验。"},
            {"id": "zd001", "name": "当前页第 1 条", "txt": "目前的默认浏览器是 Google Chrome。"},
            {"id": "zd002", "name": "当前页第 2 条", "txt": "管理自动填充设置"},
            {"id": "zd003", "name": "当前页第 3 条", "txt": "设置在通过多功能框搜索时所用的搜索引擎。"},
            {
                "id": "zd004",
                "name": "当前页第 4 条",
                "txt": "Google Chrome会使用您计算机的系统代理设置连接到网络。更改代理服务器设置…语言更改Chrome处理和显示语言的方式。 了解详情Chrome会使用您计算机的系统代理设置连接到网络Chrome会使用您计算机的系统代理设置连接到网络"
            },
            {"id": "zd005", "name": "当前页第 5 条", "txt": "粉丝"}
        ]
    };

    var oGridApi;// 分页 api

    // 当页数据绘制完成后的回调 - 合并单元格（只改变显示，不影响数据）
    var fAfterShowData = function(grid){
        grid.merge([
            {
                rowI: 0,
                name: 'id',
                colspan: 3// 合并3列
            }, {
                rowI: 2,
                name: 'name',
                colspan: 2,// 合并2列
                rowspan: 2// 合并2行
            }
        ]);
    };

    /** ============== **/
    oGridApi = $('.js-grid').initGrid({
        data: DATA.grid,
        cols: [
            {type: 'no', width: '60px'},
            {field: 'id', title: 'id', width: '60px'},
            {field: 'name', title: '名称'},
            {field: 'txt', title: '文本', showTip: true}
        ],
        callback: {
            afterShowData: fAfterShowData
        }
    });
});